//导入
const express = require('express');
const fs = require('fs');

//创建应用对象
const app = express();
const ejs = require('ejs');
//设置静态资源的中间件
app.use(express.static(__dirname + '/public'));// 

//1. 安装 ejs
//2. 设置
app.set('view engine', 'ejs');//ejs 模板引擎的固定写法
app.set('views', __dirname + '/views'); //设置模板文件的存放位置 模板文件: 『具有ejs语法的字符串所在的文件』

//导入数据
let {heros} = require('./lol.json');

//创建路由规则
app.get('/lol', (req, res) => {
    //读取 lol.html 的文件内容
    let html = fs.readFileSync(__dirname + '/html/lol.html').toString();
    //使用 ejs 进行解析
    let result = ejs.render(html, {heros});
    res.end(result);// send 会根据参数, 自动设置 content-type
});

//简便用法
app.get('/lol2', (req, res) => {
    //3. 创建模板文件『后缀为: ejs』
    //4. 使用模板.  ejs 会自动到 views 设置的目录中寻找 lol.ejs 文件
    res.render('lol', {heros});
});

//新闻列表
app.get('/news', (req, res) => {
    //准备模板
    let {data} = require('./news.json');
    //使用模板
    res.render('news', {data});
});


//监听端口
app.listen(80, () => {
    console.log('服务已经启动... 80 端口监听中...')
});